<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="java.io.*" %>
<%@ page import="jsp.bean.*" %>
<%@ page import="java.util.Date" %>
<%@ page import="jsp.util.ConnectionContext" %>
<%@ page import="java.sql.*" %>

<jsp:useBean id="Member" class="jsp.bean.Member" />

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>회원 가입 양식</TITLE>
<link rel="stylesheet" href="form.css" type="text/css">
</HEAD>

<SCRIPT language="JavaScript">
<!-- 로그인 폼 체크 시작-->
function idcheck()
{
	/**********************************************************************************
	*아이디 체크하는 자바 스크립트
	1.아이디값이 있는지 체크한다.
	2.자리수를 체크한다.(6-8자리)
	***********************************************************************************/
	//아이디값이 있는 체크 --> 아이디가 없다면 alert창 띄운다.
	
	// 자리수 체크 -->
	//아이디가 6자 이하이거나 9자 이상이면 alert창 띄운다.
	// 아이디의 값을 공백으로 설정 후 포커스

    //모든 조건이 만족하다면 입력가능한 아이디.
	if(login_form.id.value.length == 0)
		alert("아이디를 입력하세요.");                    

	else
	{
		if(login_form.id.value.length < 6 || login_form.id.value.length > 8)
			alert("학번(교번)을  다시 입력해주세요.");
		else if( login_form.id.value.length >= 6 && login_form.id.value.length <= 8)
			alert(login_form.id.value+"은 사용가능한 학번(교번) 입니다.");
	}
}

function login_form_check()
{
	/**********************************************************************************
	*이름를 체크하는 자바 스크립트
	1.이름을 입력했는지 체크한다.
	***********************************************************************************/
	if(login_form.name.value=="")
	{
		alert("이름을 입력하세요");
		login_form.name.focus();
		return;
	}	
	/**********************************************************************************
	*비밀번호  체크하는 자바 스크립트
	1.비밀번호를 입력했는지 체크한다.
	2.두개의 비밀번호가 일치하는지 체크한다.
	***********************************************************************************/
	
	if(login_form.secret.value=="")
	{
		alert("비밀번호를 입력하세요");

		login_form.passWord.focus();
		return;
	}
	if(login_form.secret1.value=="")
	{
		alert("비밀번호를 입력하세요");

		login_form.passWord1.focus();
		return;
	}
	if(login_form.secret.value != login_form.secret1.value)//두개의 비밀번호가 같지 않다면 alert창 띄우기
	{
		alert("비밀번호가 일치하지 않습니다.");

		login_form.passWord.value="";
		login_form.passWord1.value="";
		login_form.passWord.focus();
		return;
	}
	/**********************************************************************************
	*전화번호 체크하는 자바 스크립트
	1.전화번호를 입력했는지 체크한다.
	2.전화번호의 자리수를 체크한다.
	3.전화번호가 숫자인지 체크한다.
	***********************************************************************************/
	if(login_form.phoneNum2.value=="")
	{
		alert("전화번호를 입력하세요");
		login_form.phone2.focus();
		return;
	}
	if(login_form.phoneNum3.value=="")
	{
		alert("전화번호를 입력하세요");
		login_form.phone3.focus();
		return;
	}
	if(login_form.phone2.value.length < 3 )
	{//첫번째 전화번호의 자리수가 2이하이면 alert창 띄우기
        alert("전화번호 자리수가 틀립니다.");
		login_form.phone2.value.length="";
		login_form.phone2.value="";
		login_form.phone2.focus();
		return;
    }
	if(login_form.phone3.value.length < 3 )
	{//두번째 전화번호의 자리수가 2이하이면 alert창 띄우기
        alert("전화번호 자리수가 틀립니다.");
		login_form.phone3.value.length="";
		login_form.phone3.value="";
		login_form.phone3.focus();
		return;
    }
	for(var i=0;i<login_form.phone2.value.length;i++)
	{//첫번째 전화번호에는 숫자만 집어넣어야 한다.그렇지 않으면 alert창 띄우기.
        var ch1 = login_form.phone2.value.substring(i,i+1);
        if (ch1<0 || ch1>9) 
		{
			alert("숫자를 입력하세요");
			login_form.phone2.value="";
			login_form.phone2.focus();
			return;
		}
    }
	for(var i=0;i<login_form.phone3.value.length;i++)
	{//두번째 전화번호에는 숫자만 집어넣어야 한다.그렇지 않으면 alert창 띄우기.
        var ch1 = login_form.phone3.value.substring(i,i+1);
        if (ch1<0 || ch1>9) 
		{
			alert("수자를 입력하세요");
			login_form.phone3.value="";
			login_form.phone3.focus();
			return;
		}
    }
	/**********************************************************************************
	*모든 자바 스크립트가 성공 하였다면 alert창을 띄운다.
	***********************************************************************************/
	//alert("가입에 성공 하셨습니다.");

}
/*페이지 넘김 관련 함수 시작*/
function Back(){
	  history.back();
}

function Next(){
	  
	  
}
</Script>

<html>
<BODY>
<div id="wrapper" style="border:1px solid #696">
	<jsp:include page="Menubar.jsp" flush="false"/>	

<FORM action="Main_join_confrim.jsp" METHOD=POST name="Main_join">
<TABLE align="center">

  <TR> 
    <TD colspan=2 style="text-align:center; background-color: #eee ; color:#696 ; font-size:13pt ; font-weight:bold ; "> 
		회원 가입 
    </TD></TR>
    
  <TR> 
    <TH>이름</TH>
    <TD>
		<INPUT type="text" name="name" size="10" maxlength="30">
	</TD></TR>
    
  <TR> 
    <TH>비밀번호</TH>
    <TD>
		<INPUT type="text" name="passWord" size="8" maxlength="8">
	</TD></TR>

	 <TR> 
    <TH>비밀번호 확인</TH>
    <TD>
		<INPUT type="text" name="passWord1" size="8" maxlength="8">
	</TD></TR>

  <TR> 
    <TH>생년월일</TH>
    <TD>
		<INPUT type="text" name="birth1" size="4" maxlength="4">
		- <INPUT type="text" name="birth2" size="2" maxlength="2"> 		
		- <INPUT type="text" name="birth3" size="2" maxlength="2"> 
	 </TD></TR>

  <TR> 
    <TH>학번 및 교번</TH>
    <TD>
		<INPUT type="text" name="id" size="8" maxlength="8">
		<INPUT type="button" class="button" align="absmiddle" value="확인" onclick="javascript:idcheck()"> 
	</TD></TR>


  <TR> 
    <TH>휴대폰 번호</TH>
    <TD> 
		<select name="phoneNum1">
			<option value="010" SELECTED>010</option>
			<option value="011" >011</option>
			<option value="016">016</option>
			<option value="017">017</option>
			<option value="018">018</option>
			<option value="019">019</option>
		</select>
		 - <INPUT type="text" name="phoneNum2" size="4" maxlength="4">
		 - <INPUT type="text" name="phoneNum3" size="4" maxlength="4"> </TD></TR>


  <TR > 
    <TH>E-mail</TH>
    <TD>
		<INPUT type="text" name="email1" size="10" maxlength="128">
		@
		<select name="email2">
			<option value="naver.com">naver.com</option>
			<option value="nate.com">nate.com</option>
			<option value="gmail.con">gmail.com</option>
			<option value="sookmyung.ac.kr">sookmyung.ac.kr</option>
		</select>
    </TD></TR>
    
    <TR>
    <th>비밀번호 찾기 힌트</th>
    <td>
     	<select name="pwdHint">
     		<option value="당신의 별명은?">당신의 별명은?</option>
     		<option value="당신의 email주소는?">당신의 e-mail 주소는?</option>
		</select>     	
    </td></tr>
    
    <tr>
    <th>답변</th>
    <td>
  		<input type="text" name="pwdAnswer"></input>
  		</td>
  	</tr>
    <tr>
    <TD colspan=2 style="text-align:right"> 
		<INPUT type=submit value="가입" class=button onclick="javascript:login_form_check()"> 
		<INPUT type=reset value="취소" class=button> 
    </TD></TR>
</TABLE>

</FORM>
</div><!--wrapper div -->

</BODY>
</HTML>
